<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>vue学习</title>
    <script src="./js/vue.js"></script>
  </head>
  <body>
    <div id="app">
      <h3>{{count}}</h3>
      <!-- 
        在第1次它时行绑定，后续更新它不会进行重新渲染
        它只在初始化时进行绑定和渲染
       -->
      <h3 v-once>v-once: {{count}}</h3>
    </div>
    <script>
      const app = Vue.createApp({
        data() {
          return {
            count: 100
          }
        }
      })
      app.mount('#app')
    </script>
  </body>
</html>
